<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Magic 口碑营销平台</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<style>
/*yui3.1.0 reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p{
  margin:0;
  padding:0;
}
body{
  background-color:#fff;
  font-family: Arial,\5FAE\8F6F\96C5\9ED1,\5E7C\5706;
}
li {
  list-style:none;
}
h1 {
color:#EEEEEE;
font:60px "Courier New",Courier,monospace;
margin:15px 0 10px;
border-bottom:4px double #eee;
text-align:center;
}
#wrap{
  width:950px;
  margin:0 auto;
  font-size:12px;
}
.fix-float {
*zoom:1;
}
.fix-float:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
}
dt{
  font-size:16px;
  margin-bottom:10px;
  text-shadow:1px 1px 1px #ccc;
  padding-left:10px;
}
dt:before{
  content:"\20";
  border-color:#fff #fff #fff #000;
  border-style:solid;
  border-width:4px;
  display:inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:middle;
}
dd{
  margin-bottom:15px;
  border-bottom:1px solid #eee;
}
li{
  float:left;
  width:100px;
  height:100px;
  margin:0 10px 10px 8px;
}
li a {
  display:block;
  text-shadow:0 1px 1px #999;
  width:70px;
  height:60px;
  border:2px solid #fff;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  text-align:center;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#848484;
  padding:20px 10px 10px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff5500');
  background:-moz-linear-gradient(bottom center, #f50, #F90);
  background:-webkit-gradient(linear, center bottom, center top, from(#f50), to(#F90));
  -moz-box-shadow:0 0 5px #bbb;
  -webkit-box-shadow:0 0 5px #bbb;
  box-shadow:0 0 8px #bbb;
  position:relative;
  -webkit-transition:all 0.2s ease-in;
  -moz-transition:all 0.2s ease-in;
  transition:all 0.2s ease-in;
}
li a:hover {
  border-color:#444;
  top:-2px;
}
#business-systems a{
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EB446', endColorstr='#B7D898');
  background:-moz-linear-gradient(bottom center, #7EB446, #B7D898);
  background:-webkit-gradient(linear, center bottom, center top, from(#7EB446), to(#B7D898));
  background:#7EB446\9;
}
#tree-systems a{
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C5DA2', endColorstr='#5898DE');
  background:-moz-linear-gradient(bottom center,#1C5DA2, #5898DE);
  background:-webkit-gradient(linear, center bottom, center top, from(#1C5DA2), to(#5898DE));
  background:#1C5DA2\9;
}
#power-systems a{
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C02B6B', endColorstr='#FFAFCA');
  background:-moz-linear-gradient(bottom center,#C02B6B, #FFAFCA);
  background:-webkit-gradient(linear, center bottom, center top, from(#C02B6B), to(#FFAFCA));
  background:#C02B6B\9;
}
.right{ color:#ccc; text-align:center; margin:10px 0 40px; }
</style>
</head>
<body>
<div id="wrap">
		<h1>口碑网管理平台导航</h1>
    <dl>
      <dt>编辑系统</dt>
      <dd id="bi-systems">
      	<ul class="fix-float">
	        <li><a href="#">行业化编辑审核后台</a></li>
	        <li><a href="#">黄页编辑后台</a></li>
        </ul>
      </dd>
      <dt>运营系统</dt>
      <dd id="business-systems">
      	<ul class="fix-float">
	      	<li><a href="#">Phoenix配置平台</a></li>
	        <li><a href="#">Magic平台</a></li>
        </ul>
      </dd>
      <dt>生命树</dt>
      <dd id="tree-systems">
      	<ul class="fix-float">
        	<li><a href="#">制卡系统</a></li>
            <li><a href="#">卡管系统</a></li>
            <li><a href="#">BDS</a></li>
        </ul>
      </dd>
      <dt>权限系统</dt>
      <dd id="power-systems">
      	<ul class="fix-float">
        	<li><a href="#">口碑权限管理系统</a></li>
        </ul>
      </dd>
    </dl>
    <p class="right">Copyright (c)2010 koubei.com All rights reserved.</p>
</div>
</body>
</html>